<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="Cache-Control" content="no-siteapp">
<title data-index="0" id="selextTitle">新闻资讯-${网页标题 }</title>
<meta name="keywords" content="${网页关键词}">
<meta name="description" content="${网页描述 }" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<link rel="stylesheet" href="${path }/resource/css/pc/normalize.css" />
<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css"
	rel="stylesheet">
<link rel="stylesheet" href="${path }/resource/css/pc/common.css" />
<link rel="stylesheet" href="${path }/resource/font/iconfont.css" />

<link rel="shortcut icon" href="${浏览器logo }">
<style>
.news {
	overflow: hidden;
	padding: 30px 0 60px;
}

.news-list {
	align-items: center;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #dddddd;
}

.news-list .article {
	
}

.news-list .article h2 {
	display: inline-block;
	padding-right: 20px;
	font-size: 18px;
	color: #444444;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #dddddd;
}

.news-list .article p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #999;
}

.news-list .time {
	color: #666666;
	text-align: center;
	width: 90px;
	height: 90px;
	background: #f2f2f2;
	flex: 0 0 90px;
	margin-right: 40px;
}

.news-list .time .em {
	margin-top: 8px;
	font-size: 38px;
}
</style>
</head>
<body class="">
	<jsp:include page="_top.jsp"></jsp:include>
	<div class="banner">
		<cms:ad var="banner" code="xwzxBanner" multi="false"></cms:ad>
		<img src="${banner.adImg }" alt="">
	</div>
	<div class="container">
		<div class="news">

			<cms:arts var="hyxw" code="xwzx" pageNow="${param.pageNow}"
				pageSize="10"></cms:arts>
			<c:forEach items="${hyxw }" var="art">
				<div class="news-list flex-box">
					<div class="time">
						<p class="em"><fmt:formatDate pattern="dd" value="${art.artCreatetiem }" /></p>
						<p><fmt:formatDate pattern="yyyy-MM" value="${art.artCreatetiem }" /></p>
					</div>
					<div class="article">
						<h2><a target="blank"  href="${path }/redirect/pc/hyxwDetail?id=${art.artId }&code=xwzx"> ${art.artTitle }</a></h2>
						<p>${art.artAbstract }</p>
					</div>
				</div>
			</c:forEach>

			<div class="Page" style="color: #000;margin-top: 40px;">

				<div id="plHave" class="PageNumDiv">
					<!--頁碼-->
					<c:forEach end="${recodeCount }" begin="1" var="index"
						varStatus="count">
						<a
							href="${path }/redirect/pc/xwzx?code=${item.code}&pageNow=${index-1}">${index}</a>
					</c:forEach>

					<!--頁碼-->

				</div>
			</div>
		</div>
	</div>



	<jsp:include page="_foot.jsp"></jsp:include>
	<script src="${path }/resource/js/plugin/jquery-3.2.1.min.js"></script>
	<script
		src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script src="${path }/resource/js/plugin/swiper.min.js"
		type="text/javascript" charset="utf-8"></script>
	<script>
		var index = $("#selextTitle").data("index")
		$(".nav-list").eq(index).addClass("active");
	</script>
</body>
</html>
